<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>活动报名</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="../../plugins/mui/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="../../css/literary/activity_detail.css">
</head>
<body>
<header class="mui-bar mui-bar-nav header">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">活动报名</h1>
</header>
    <div class="section">
        <!--景点简介-->
        <!--<div class="intro">-->
            <!--<div class="view">-->
                <!--<img src="../../images/ce1.jpg" alt="">-->
            <!--</div>-->
            <!--<div class="viewIntro clear">-->
                <!--<span class="titleImg"></span><span class="title">五一相约深山沟农场</span><span class="titleImg"></span>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="apply">-->
            <!--<ul>-->
                <!--<li>-->
                    <!--<p>活动类型：</p>-->
                    <!--<p>亲子</p>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<p>活动人数：</p>-->
                    <!--<p>50/100人</p>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<p>组织者<span class="nbsp"></span>：</p>-->
                    <!--<p>深山沟家庭农场</p>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<p>预计费用：</p>-->
                    <!--<p>成人150元，1.4以下儿童75元</p>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<p>活动时间：</p>-->
                    <!--<p>2016年05月01日 08:30</p>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<p>结束时间：</p>-->
                    <!--<p>2016年05月06日 15:30</p>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<p>联系电话：</p>-->
                    <!--<p class="tell">0519-87932586</p>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<p>活动地点：</p>-->
                    <!--<p class="address">常州市溧阳戴埠镇横涧南渚上曹村</p>-->
                <!--</li>-->
            <!--</ul>-->

        <!--</div>-->

        <!--<div class="activeIntro">-->
            <!--<div class="activeIntroTitle">-->
            <!--</div>-->
            <!--<div class="activeIntroContent">-->
            <!--</div>-->
        <!--</div>-->
    </div>
    <!--<button class="btn">活动报名</button>-->
<script src="../../plugins/mui/mui.min.js"></script>
<script src="../../plugins/jquery/jquery-3.1.0.min.js"></script>
<script src="../../js/getApiToken.js"></script>
<script src="../../js/md5.js"></script>
<script>
    var pathImg;//图片
    var dataName;//名称
    mui.init();
    mui.plusReady(function(){
        var tag_id=plus.webview.currentWebview().detail_id;
        console.log(tag_id);
        var uid=plus.storage.getItem('cg_user_id');

        //列表获取ajax
        myAjax('physical/activities/getDetail/','get',
                {
                    'id':tag_id,
                    'userId':uid
                },
                function(data) {
                    if (data.code==0) {
                    	//时间判断
                        var btn_html;
                        if(data.enroll!=null){
                            btn_html = '已报名';
                        }else if(data.data.number==data.data.enroll_number){
                            btn_html = '人数已满';
                        }else if(data.data.is_end!=0){
                        	btn_html='报名结束'
                        }else{
                            btn_html='活动报名'
                        }
                        console.log(data.enroll);
//                      if (data.is_end == 0) {
//                          var btn_html = '活动报名';
//                          //判断是否已经报名
//                          if (data.is_enroll == 1) {
//                              var btn_html = '已报名'
//                          } else {
//                              var btn_html = '活动报名';
//                          }
//                      } else if (data.is_end == 1) {
//                          var btn_html = '活动结束';
//                      } else if (data.is_end == 2) {
//                          var btn_html = '人数已满';
//                      }
                        var html =
//                                '<div class="intro">' +
//                                '<div class="view">' +
//                                '<img src="' + _baseUrl + data.data.front_cover + '" alt="">' +
//                                '<p>' + data.data.name + '</p>' +
//                                '</div>' +
//			                            '<div class="viewIntro">' +
//			                                '<p>' +
//			                                	data.data.content +
//			                                '</p>' +
//			                                '<span class="noactive"></span>' +
//			                            '</div>' +
//		                            '</div>' +
                                '<div class="intro">'+
                                    '<div class="view">'+
                                        '<img src="' + _baseUrl + data.data.front_cover + '" alt="">'+
                                    '</div>'+
                                    '<div class="viewIntro">'+
                                        '<span class="titleImg"></span><span class="title">'+data.data.name+'</span><span class="titleImg"></span>'+
                                    '</div>'+
                                '</div>'+
		                            '<div class="apply">' +
			                            '<ul>' +
			                                '<li>' +
				                           	    '<p>活动类型：</p>' +
				                                '<p>' + data.data.tag_name + '</p>' +
			                                '</li>' +
			                                '<li>' +
				                                '<p>活动人数：</p>' +
				                                '<p>' + data.data.enroll_number + '/' + data.data.number + '人' + '</p>' +
			                                '</li>' +
			                                '<li>' +
                                                '<p>组织者<span class="nbsp"></span>：</p>' +
				                                '<p>' + data.data.sponsor + '</p>' +
			                                '</li>' +
			                                '<li>' +
				                                '<p>预计费用：</p>' +
				                                '<p>' + data.data.cost + '</p>' +
			                                '</li>' +
			                                '<li>' +
				                                '<p>活动时间：</p>' +
				                                '<p>' + data.data.start_time + '</p>' +
			                                '</li>' +
			                                '<li>' +
				                                '<p>结束时间：</p>' +
				                                '<p>' + data.data.end_time + '</p>' +
			                                '</li>' +
			                                '<li>' +
				                                '<p>联系电话：</p>' +
				                                '<p class="tell" id="tel">' + data.data.telephone + '</p>' +
			                                '</li>' +
			                                '<li>' +
				                                '<p>活动地点：</p>' +
				                                '<p class="address" id="address">' + data.data.address + '</p>' +
			                                '</li>' +
			                            '</ul>' +
//			                            '<button id="' + tag_id + '" class="start_apply">' +
//			                            btn_html
////	'活动报名'
//			                            + '</button>' +
                                '</div>'+
                                    '<div class="activeIntro">'+
                                    '<div class="activeIntroTitle">'+
                                    '</div>'+
                                    '<div class="activeIntroContent">'+
                                    data.data.content+
                                    '</div>'+
                                    '</div>'+
                                    '<button id="' + tag_id + '" class="start_apply btn">' + btn_html + '</button>';
                        dataName=data.data.name;
                        pathImg=_baseUrl+data.data.front_cover;
                        $('.section').html(html);
                        //btn的颜色状态判断
                        console.log();
                        if ($('button').html() != '活动报名') {
                            $('button').addClass('end_apply').removeClass('start_apply');
                        } else {
                            $('button').addClass('start_apply').removeClass('end_apply');
                        }
						$('.section .view').find('img').each(function(){
		                    if($(this).attr('src') ==''){
		                        $(this).css('display','none');
		                    }else{
		                    	$(this).css({
									'width': '100%',
									'height': 'auto'
								});
		                    }
		                });
		                $('.section .activeIntro').find('img').each(function(){
		                    if($(this).attr('src') ==''){
		                        $(this).css('display','none');
		                    }else{
		                    	$(this).parent().css({
		                    		'width': 'calc(100% - 24px)',
									'height': 'auto'
		                    	})
		                    	$(this).css({
									'width': '100%',
									'height': 'auto'
								});
		                    }
		                });
						
						//点击跳转详情页
						mui('.intro').on('tap','.view',function(e){
                                mui.openWindow({
                                    url: 'activity_info.html',
                                    extras: {
                                        'tag_id': tag_id,
                                        'uid':uid
                                    },
                                    waiting: {
                                        autoShow: true,//自动显示等待框，默认为true
                                        title: '正在加载...',//等待对话框上显示的提示内容
                                    },
                                    show: {
                                        autoShow: true,
                                        aniShow: 'fade-in'
                                    }
                                })
						})
						
						

                        //报名条件：
                        if(data.data.number!=data.data.enroll_number || data.enroll==null || data.data.is_end==0){
                            //点击去报名
                            mui('.section').on('tap', '.start_apply', function (e) {
                                var this_id = $(this).attr('id');
                                //获取页面的id
                                mui.openWindow({
                                    url: 'apply_index.html',
                                    extras: {
                                        'this_id': this_id,
                                        'path':pathImg,
                                        'name':dataName
                                    },
                                    waiting: {
                                        autoShow: true,//自动显示等待框，默认为true
                                        title: '正在加载...',//等待对话框上显示的提示内容
                                    },
                                    show: {
                                        autoShow: true,
                                        aniShow: 'fade-in'
                                    }
                                })
                            })
                        }
                    }
                    //结束ajax
                }
        )
        //查看景区详情简介
//      mui('.section').on('tap','.intro .viewIntro span',function(e){
//          console.log('/////')
//          if($('.viewIntro span').attr('class')=='active'){
//          	$('.section .viewIntro p').find('img').each(function(){
//                  console.log($(this).attr('src'));
//                  if($(this).attr('src')!=''){
//                  	$(this).css({'display':'none'});
//                  }
//              })
//              $('.viewIntro p').css({
//                  ' display':'-webkit-box',
//                  '-webkit-line-clamp':'2'
//              });
//              $('.viewIntro span').removeClass('active').addClass('noactive');
//          }else{
//          	$('.section .viewIntro p').find('img').each(function(){
//                  console.log($(this).attr('src'));
//                  if($(this).attr('src')!=''){
//                  	$(this).css({'display':'block','width':'100%','height':'auto'});
//                  }
//              })
//              $('.viewIntro p').css({
//                  ' display':'block',
//                  '-webkit-line-clamp':'100',
//                  'height':'100%'
//              });
//              
//
//              $('.viewIntro span').removeClass('noactive').addClass('active');
//          }
//      })
        //地址map地图
        $('body').delegate('#address', 'touchstart', function(e) {
            var address = $('.address').text();
            mui.openWindow({
                url:'../executive_housekeeper/map.html',
                extras:{
                    'address':address
                },
                waiting:{
                    autoShow:true,//自动显示等待框，默认为true
                    title:'正在加载...',//等待对话框上显示的提示内容
                }
            })
            e.preventDefault();
        });




        $('body').delegate('#tel', 'tap', function(e) {
            var telephone = $('.tell').text();
            mui.confirm(telephone, '提示', ['取消', '拨打'], function(value) {
                if(value.index == 1) {
                    var Uri = plus.android.importClass("android.net.Uri");
                    var Intent = plus.android.importClass("android.content.Intent");
                    var number = new Uri.parse("tel:"+telephone);
                    var callIntent = new Intent(Intent.ACTION_CALL, number);
                    plus.android.runtimeMainActivity().startActivity(callIntent);
                }
            });
            e.preventDefault();
        });


        //拨打电话

    })
</script>
</body>
</html>
